<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html>

<head>
    <title>JSP - Hello World</title>
    <link href="style.css" rel="stylesheet">
</head>

<body>
<div class="cover">
    <img src="img/logo.jpg" alt="usst-logo"/>
</div>
<br/>
<div class="navbar">
    <a href="#">学校主页</a>
    <a href="#">馆藏目录检索</a>
    <a href="#">新书通报</a>
    <a href="#">书刊荐购</a>
    <a href="#">学术信息动态</a>
    <a href="#">新生专栏</a>
    <a href="#">联系我们</a>
    <a href="#">馆长信箱</a>
</div>
<br/>
<div class="columns">

    <ul class="pink">
        <li><strong>>资源检索</strong></li>
        <li>中文数据库</li>
        <li>外文数据库</li>
        <li>试用数据库</li>
        <li>电子图书</li>
        <li>网络免费资源</li>
        <li>特色资源</li>
        <li>自建资源</li>
        <li>随书光盘</li>
    </ul>


    <ul class="blue">
        <li><strong>>读者服务</strong></li>
        <li>读者信息查询</li>
        <li>文献续借</li>
        <li>文献预约</li>
        <li>证件管理</li>
        <li>常见问题</li>
        <li>外借服务</li>
        <li>读者教育</li>
        <li>图书捐赠</li>
    </ul>
    <ul class="yellow">
        <li><strong>>学科导航</strong></li>
        <li>哲学</li>
        <li>经济学</li>
        <li>法学</li>
        <li>教育学</li>
        <li>文学</li>
        <li>历史学</li>
        <li>理学</li>
        <li>工学</li>
    </ul>
    <ul class="blue">
        <li><strong>>入馆指南</strong></li>
        <li>本馆概况</li>
        <li>入馆须知</li>
        <li>开放时间</li>
        <li>馆藏分布</li>
        <li>机构设置</li>
        <li>规章制度</li>
        <li>服务项目</li>
        <li>馆容馆貌</li>
    </ul>

</div>
</body>

</html>